<template>
  <div style="height:100%">
    <div class="no-auth">
      <img :src="noAuthImage" />
      <p class="desc">{{$t('common.base.tip.noAuth')}}</p>
    </div>
  </div>
</template>

<script>
import { getOssUrl } from '@src/util/assets'
const noAuthImage = getOssUrl('/no_auth.png')
export default {
  name: 'no-auth',
  data(){
    return {
      noAuthImage
    }
  },
  methods: {
  
  },
  mounted(){
    document.title = this.$t('calendar.detail.pageTitle');
  }
}
</script>
<style lang="scss" scoped>
body {
  color: #262626;
}
.no-auth{
  padding-top: 10%;
  text-align: center;
  img {
    width: 160px;
    height: 160px;
  }
  .desc {
    margin-top: 8px;
    color: $text-color-regular;
  }
}
</style>
